<template>
    <div id="post">

        <div v-if="loading">
            loading
        </div>

        <div v-if="post">
           {{post}}
        </div>

    </div>
</template>

<script>
    export default {
        name: "Post",

        data(){

            return {
                loading:false,
                post:null
            }
        },
        created(){

            // this.loading=true;
            // setTimeout(()=>{
            //
            //     this.loading=false;
            //
            //     this.post={
            //         title:"我是标题",
            //         body:"我是内容"
            //     }
            //
            //
            // },1000)
        },
        beforeRouteEnter(to,form,next){

            console.log("loading...")

            setTimeout(()=>{

                next((vm)=>{

                    vm.post={
                        title:"我是标题2",
                        body:"我是内容3"
                    }
                })
            },2000)

        }
    }
</script>

<style scoped>

</style>